﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Maticsoft.Web.Default" %>

<%@ Register Src="Header.ascx" TagName="Header" TagPrefix="uc1" %>
<%@ Register Src="Footer.ascx" TagName="Footer" TagPrefix="uc2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="shortcut icon" href="images/favicon.ico?v=1" type="image/x-icon" />
    <link href="css/css.css" rel="stylesheet" type="text/css" />
    <link href="css/menu.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.8.2.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="header">
        <uc1:Header ID="Header1" runat="server" />
    </div>
    <div class="clear">
    </div>
    <div id="container">
        <div class="banner">
<script type="text/javascript">
<!--

    var widths = 998;  //焦点图片宽
    var heights = 420; //焦点图片高
    var show_txt = 0  //0不显示,1显示
    var w = 0;
    var heightt = 0;

    var counts = 5;    //总条数
    //img1=new Image();在这里是声明了一个图片元素的对象
    //后面是对图像的属性进行赋值或设置,如imgs.src="xxxx.jpg"是指定图片的索引地址.
    //这个代码一般用于head区,用于预加载图片,即加快图片显示.
    //只有用new Images()得到的图片IE7才认,
    //而IE6和firefox可认得imgUrl[1]="/y9q9ms7lbgbt.jpg";得到的图片

    img1 = new Image(); img1.src = 'images/banner/1.jpg';
    url1 = new Image(); url1.src = '';
    txt1 = new Image(); txt1.txt = '';

    img2 = new Image(); img2.src = 'images/banner/2.jpg';
    url2 = new Image(); url2.src = '';
    txt2 = new Image(); txt2.txt = '';

    img3 = new Image(); img3.src = 'images/banner/3.jpg';
    url3 = new Image(); url3.src = '';
    txt3 = new Image(); txt3.txt = '';

    img4 = new Image(); img4.src = 'images/banner/4.jpg';
    url4 = new Image(); url4.src = '';
    txt4 = new Image(); txt4.txt = '';

    img5 = new Image(); img5.src = 'images/banner/5.jpg';
    url5 = new Image(); url5.src = '';
    txt5 = new Image(); txt5.txt = '';

    var nn = 1; //当前所显示的滚动图
    var key = 0;  //标识是否为第一次开始执行
    var tt;  //标识作用

    function change_img() {
        if (key == 0) { key = 1; } //如果第一次执行KEY=1，表示已经执行过一次了。
        else if (document.all)//document.all仅IE6/7认识，firefox不会执行此段内容
        {
            document.getElementById("picaaa").filters[0].Apply(); //将滤镜应用到对像上
            document.getElementById("picaaa").filters[0].Play(duration = 2);  //开始转换
            document.getElementById("picaaa").filters[0].Transition = 23; //转换效果
        }

        eval('document.getElementById("picaaa").src=img' + nn + '.src');   //替换图片
        eval('document.getElementById("urlaaa").href=url' + nn + '.src'); //替换URL
        eval('document.getElementById("titleaaa").innerHTML=txt' + nn + '.txt'); //替换ALT 

        for (var i = 1; i <= counts; i++) {
            document.getElementById("xxjdjj" + i).className = 'axx';   //将下面黑条上的所有链接变为未选中状态
        }
        document.getElementById("xxjdjj" + nn).className = 'bxx';    //将当前页面的ID设置为选中状态
        nn++;
        if (nn > counts) { nn = 1; }  //如果ID大于总图片数量。则从头开始循环
        tt = setTimeout('change_img()', 5000);  //在4秒后重新执行change_img()方法.
    }
    function changeimg(n)//点击黑条上的链接执行的方法。
    {
        nn = n; //当前页面的ID等于传入的N值,
        window.clearInterval(tt); //清除用于循环的TT
        //重新执行change_img();但change_img()内所调用的图片ID已经在此处被修改,会从新ID处开始执行.
        change_img();
    }
    //样式表
    document.write('<style>');
    document.write('.axx{padding:1px 7px;border-left:#cccccc 1px solid;font-size:12px;}');
    document.write('a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#666;}');
    document.write('a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#999;}');
    document.write('.bxx{padding:1px 7px;border-left:#cccccc 1px solid;}');
    document.write('a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#ff0000;}');
    document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#ff0000;}');
    document.write('</style>');
    //内容部分
    document.write('<div style="width:' + widths + 'px;">');
    document.write('<div style="width:' + widths + 'px;height:' + heights + 'px;overflow:hidden;text-overflow:clip;float:left;">');
    document.write('<div><a id="urlaaa" target="_blank"><img id="picaaa" style="border:0px #cbcbcb solid;FILTER: progid:DXImageTransform.Microsoft.RevealTrans (duration=2,transition=23)" width=' + widths + ' height=' + heights + ' /></a></div>');
    document.write('<div style="filter:alpha(style=1,opacity=10,finishOpacity=90);background: #888888;width:100%-10px;text-align:right;top:-14px;position:relative;margin:0px;height:14px;border:0px;padding-top:1px;z-index:1;display:none;"><div>');
    for (var i = 1; i < counts + 1; i++) {
        document.write('<a href="javascript:changeimg(' + i + ');" id="xxjdjj' + i + '" class="axx" target="_self">' + i + '</a>');
    }
    document.write('</div></div></div>');
    //说明文字
    document.write('<div id="titleaaa" style="width:' + widths + 'px;overflow:hidden;display:' + (show_txt == 1 ? "" : "none") + ';font-size:12px; text-align:center; margin:0px;padding:2px 0px;"></div>');
    //document.write('<div id="titleaaa" style="width:'+widths+'px;overflow:hidden;display:'+(show_txt==1 ? "" : "none")+';"><input id="titleaaa" type="txt" style="height:24px;line-height:24px;background-color:#006ead;border:0px;width:'+widths+'px;color:#fff;font-size:9pt;position:relative;text-align:center;"></div>');
    document.write('</div>');
    //开始执行滚动操作
    change_img();

//-->
</script>
        </div>
    </div>
    <div class="clear">
    </div>
    <div id="footer">
        <uc2:Footer ID="Footer1" runat="server" />
    </div>
    <script src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js" type="text/javascript"></script>
    <script src="js/global.js" type="text/javascript"></script>
    </form>
</body>
</html>
